<template>
  <div>
    <a-card>
      <h3 class="font-bold text-black text-lg">工作台</h3>
      <div class="flex justify-between">
        <div class="flex items-center">
          <div class="mr-3">
            <a-avatar :size="45" icon="user" />
          </div>
          <div>
            <div class="text-lg">中午好，天野远子，我猜你可能累了</div>
            <div class="text-sm text-gray-400 mt-2">
              您上一次登录时间： 2024-03-05 12:11:09
            </div>
          </div>
        </div>
        <div>
          <ul class="flex items-center gap-x-3">
            <li class="border-r border-gray-100 px-6">
              <div class="mb-2 text-center">文章总数</div>
              <div class="text-center text-black text-base">65个</div>
            </li>

            <li class="border-r border-gray-100 px-6">
              <div class="mb-2 text-center">评论总数</div>
              <div class="text-center text-black text-base">65个</div>
            </li>

            <li class="">
              <div class="mb-2 text-center px-6">浏览总数</div>
              <div class="text-center text-black text-base">65个</div>
            </li>
          </ul>
        </div>
      </div>
    </a-card>
  </div>
</template>

<script>
export default {
  layout: 'admin',
}
</script>
